Seven Emerging AI UI Layouts 新興的七種AI介面佈局

1. 右下角浮動聊天視窗 Customer service agent in a chatbot widget

• 可發現性：總是顯示在螢幕上，使用者容易看到但不會覺得打擾。

• 互動方式：使用者可以隨時開始或結束對話，適合快速解決簡單問題。

• AI角色：被視為"服務型助手"。現代AI能記住對話內容，提供個性化回答，並可以自動處理查詢訂單、重置密碼等簡單任務。

• 侷限性：不適合複雜問題或需要創意合作的任務，聊天視窗空間有限。

ZendeskandIntercom等平臺常見的右下角聊天視窗。Zendesk的聊天視窗可以提供實時支援，引導使用者透過自動化幫助或轉接給人工客服來解決問題。

2. 內嵌提示浮層Inline overlay prompts for precision assistance

• 可發現性：透過下劃線或圖示提示使用者，通常在使用者操作後出現。

• 互動方式：使用者可以直接接受、修改或取消建議，輕鬆完成任務。

• AI角色：是"細節助手"，能根據上下文修改文字、總結內容或補全程式碼。比如Grammarly會根據文章風格和讀者群體調整建議。

• 侷限性：不適合需要廣泛思考或創意寫作的任務。

NotionandGrammarly。Notion AI 會在你寫作或編輯時給出上下文相關的建議，比如改寫句子或總結內容，但最後的決定權仍然掌握在你手裡。

3. 無限畫布上的AICreative collaborator on an infinite canvas

• 可發現性：當使用者選中畫布上的內容（如便籤、文字、圖形）後，AI功能會出現。

• 互動方式：使用者可以對特定元素使用AI生成文字、改名、調整佈局等，多個AI功能可同時執行。

• AI角色：作為"創意夥伴"，根據畫布上的內容提供幫助，輔助創作內容、佈局和視覺效果。

• 侷限性：不適合需要理解整體內容或需要嚴格版本控制的場景。

TLDraw,Figma, andMiro。TLDraw 提供一個沒有邊界的畫布，使用者可以透過畫圖、寫字等方式與AI互動，創作並修改圖形或內容。

4. 居中對話式介面Center stage general-purpose assistant

• 可發現性：簡潔介面，中心是輸入框，鼓勵使用者直接提問。

• 互動方式：以對話形式進行，使用者透過不斷提問來獲得更好的回答，支援自由探索。

• AI角色：是"多功能助手"，可以幫助寫作、程式設計、設計、研究等多種任務，注重全面性。

• 侷限性：不適合需要多個步驟或結構化的任務，如填表或搭建應用。

ChatGPT,Perplexity, andMidjourney。像 ChatGPT 這樣的工具，採用全屏式介面，透過使用者輸入問題、AI連續回應的方式，幫助完成問答或創作任務。

5. 左側協作面板Strategic creative partner on left panel

• 可發現性：左側位置符合閱讀習慣，通常包含聊天視窗和控制選項。

• 互動方式：使用者在左側與AI對話生成內容，在右側工作區檢視和修改結果。

• AI角色：作為"策略夥伴"，幫助使用者組織和改進複雜內容，有規劃和分析能力。

• 侷限性：在手機等小螢幕上空間有限，簡單任務使用起來可能過於複雜。不明確的指令可能導致意外結果。

ChatGPT CanvasandLovableLovable 把AI放在左側對話區，透過一步步引導使用者，與AI共同構建網站或其他複雜內容，實現多輪協作創作。

6. 右側可收起面板Deep context expert on right panel

• 可發現性：右側邊欄不影響主要工作區，使用者需要時可以呼叫。

• 互動方式：在關鍵時刻提供AI幫助，如總結內容、生成草稿、輔助除錯，不主動打斷使用者工作。

• AI角色：是"專業顧問"，根據當前情況提供精準幫助，適合複雜寫作和專業程式設計等任務。

• 侷限性：不適合以AI為中心的工作方式，新使用者可能會忽略它的存在。

Microsoft Copilotin Office apps,GitHub Copilot,Gmail GeminiorCursor.GitHub Copilot 像個貼身助手，在你寫程式碼或檔案時給出建議，幫你解決具體問題，不打擾你的主要工作流程。

7. 分散式研究智慧體：網格型介面Distributed research agent in grid interfaces

• 可發現性：使用常見的表格佈局，使用者在頂部輸入問題，AI自動填充表格單元格。

• 互動方式：使用者設定問題或定義表格結構，AI同時呼叫多個模型收集資訊，表格既是輸入區也是輸出區。

• AI角色：是"研究助手團隊"，每個單元格像一個小助手，共同完成資訊整合。

• 侷限性：適合研究、分析和內容彙總，但需要使用者瞭解如何組織表格，不熟悉表格的人可能覺得複雜。

AnswerGridandElicit。AnswerGrid 能把一句自由提問變成一張結構化的表格，AI會自動在網上或資料庫中搜尋資訊，填充每個單元格。